.el-loading-spinner .el-loading-text {
    color: var(--font-title-color) !important;
}

.el-loading-spinner .path {
    stroke: var(--font-title-color) !important;
}
.el-popover {
    background-color: var(--body-bgcolor) !important;
    border-color: var(--border) !important;
}

.el-popper[x-placement^='bottom'] .popper__arrow {
    border-bottom-color: var(--border) !important;
    &::after {
        border-bottom-color: var(--body-bgcolor) !important;
    }
}

$input-height: 24px;
@mixin el-input-style($color, $bg-color, $placeholder-color) {
    .el-input__inner {
        height: $input-height !important;
        line-height: $input-height !important;
        background: #{$bg-color} !important;
        border: none !important;
        color: #{$color} !important;

        &:hover {
            border: none !important;
        }
    }
    .el-input__prefix {
        i {
            line-height: $input-height + 1px !important;
            color: #{$color} !important;
            transition: none !important;
        }
    }

    input::-webkit-input-placeholder {
        color: #{$placeholder-color} !important;
    }
}

.el-input {
    @include el-input-style(
        var(--input-color),
        var(--input-bgcolor),
        var(--font-color-grey-shallow)
    );
}

.el-table--fit {
    &::before {
        height: 0px !important;
    }
}
.el-table .cell {
    @include text-ellipsis;
    font-size: 14px !important;
}

.el-table {
    border: none !important;
}
.el-table td.el-table__cell {
    border: none !important;
}
// 没有数据时表格背景色
.el-table__empty-block {
    background-color: var(--body-bgcolor);
}

.el-table tr {
    background-color: var(--body-bgcolor) !important;
    &:hover > td {
        background-color: var(--playlist-hover-bgcolor) !important;
    }
}

.el-dialog {
    background-color: var(--player-bgcolor) !important;
}
.el-dialog__title {
    color: var(--font-color) !important;
}
.el-dialog__body {
    color: var(--font-color) !important;
}
.el-table__row--striped {
    td {
        background-color: var(--stripe-bg) !important;
        padding: 6px 0px !important;
    }
}

.el-table th.el-table__cell > .cell {
    font-size: 12px !important;
    color: var(--font-color);
    font-weight: 400;
}
.el-table th.el-table__cell.is-leaf {
    border: none !important;
    background-color: var(--body-bgcolor);
}
